<!DOCTYPE html>
<html>

<head>
    <title>EasyWeb管理系统模板</title>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="./assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="./assets/css/admin.css"/>
    <link rel="stylesheet" href="./assets/libs/zTree/css/metroStyle/metroStyle.css"/>
    <link href="./assets/images/favicon.ico" rel="SHORTCUT ICON">
</head>

<body class="layui-layout-body">

<div class="layui-layout layui-layout-admin">

    <!-- 头部 -->
    <div class="layui-header">
        <div class="layui-logo">
            <img src="assets/images/logo.png"/>
            <cite>&nbsp;EasyWeb Pro&emsp;</cite>
        </div>
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item" lay-unselect>
                <a ew-event="flexible" title="侧边伸缩"><i class="layui-icon layui-icon-shrink-right"></i></a>
            </li>
            <li class="layui-nav-item" lay-unselect>
                <a ew-event="refresh" title="刷新"><i class="layui-icon layui-icon-refresh-3"></i></a>
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item" lay-unselect>
                <a id="btnMessage" title="消息"><i class="layui-icon layui-icon-notice"></i></a>
            </li>
            <li class="layui-nav-item layui-hide-xs" lay-unselect>
                <a ew-event="fullScreen" title="全屏"><i class="layui-icon layui-icon-screen-full"></i></a>
            </li>
            <li class="layui-nav-item" lay-unselect>
                <a>
                    <img src="assets/images/head.png" class="layui-nav-img">
                    <cite>管理员</cite>
                </a>
                <dl class="layui-nav-child">
                    <dd lay-unselect>
                        <a id="setInfo">个人信息</a>
                    </dd>
                    <dd lay-unselect>
                        <a id="setPsw">修改密码</a>
                    </dd>
                    <hr>
                    <dd lay-unselect>
                        <a id="btnLogout">退出</a>
                    </dd>
                </dl>
            </li>
            <li class="layui-nav-item" lay-unselect>
                <a ew-event="theme" title="主题"><i class="layui-icon layui-icon-more-vertical"></i></a>
            </li>
        </ul>
    </div>

    <!-- 侧边栏 -->
    <div class="layui-side">
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree" lay-filter="admin-side-nav" lay-accordion="true" style="margin: 15px 0;">
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon layui-icon-home"></i>&emsp;<cite>Dashboard</cite></a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" lay-href="console.html">控制台</a></dd>
                        <dd><a href="javascript:;" lay-href="console2.html">分析页</a></dd>
                        <dd><a href="javascript:;" lay-href="welcome.html">欢迎页</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon layui-icon-form"></i>&emsp;<cite>表单页</cite></a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" lay-href="form-basic.html">基础表单</a></dd>
                        <dd><a href="javascript:;" lay-href="form-advance.html">复杂表单</a></dd>
                        <dd><a href="javascript:;" lay-href="form-step.html">分步表单</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon layui-icon-table"></i>&emsp;<cite>表格页</cite></a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" lay-href="table-basic.html">数据表格</a></dd>
                        <dd><a href="javascript:;" lay-href="table-advance.html">复杂查询</a></dd>
                        <dd><a href="javascript:;" lay-href="table-tree.html">树形表格</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <i class="layui-icon layui-icon-face-surprised"></i>&emsp;<cite>错误页</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" lay-href="error-500.html">500</a></dd>
                        <dd><a href="javascript:;" lay-href="error-404.html">404</a></dd>
                        <dd><a href="javascript:;" lay-href="error-403.html">403</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon layui-icon-template"></i>&emsp;<cite>更多页面</cite></a>
                    <dl class="layui-nav-child">
                        <dd><a href="login.html" target="_blank">登录一</a></dd>
                        <dd><a href="login2.html" target="_blank">登录二</a></dd>
                        <dd><a href="javascript:;" lay-href="https://www.baidu.com">百度</a></dd>
                        <dd><a href="javascript:;" lay-href="empty.html">空白页</a></dd>
                        <dd><a href="side-more.html" target="_blank">多系统</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon layui-icon-senior"></i>&emsp;<cite>UI组件</cite></a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" lay-href="https://www.layui.com/doc/">layui文档</a></dd>
                        <dd><a href="javascript:;" lay-href="https://layer.layui.com/">layer文档</a></dd>
                        <dd><a href="javascript:;" lay-href="https://www.layui.com/laydate/">laydate文档</a></dd>
                        <dd><a href="javascript:;" lay-href="https://www.layui.com/demo/">组件在线演示</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon layui-icon-unlink"></i>&emsp;<cite>多级菜单</cite></a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="javascript:;">二级菜单</a>
                            <dl class="layui-nav-child">
                                <dd><a href="javascript:;">三级菜单</a></dd>
                                <dd><a href="javascript:;" lay-href="test.html">三级菜单</a></dd>
                            </dl>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon layui-icon-unlink"></i>&emsp;<cite>一级菜单</cite></a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon layui-icon-set"></i>&emsp;<cite>系统管理</cite></a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" lay-href="view/system/user.html">用户管理</a></dd>
                        <dd><a href="javascript:;" lay-href="view/system/auth/auth.html">权限管理</a></dd>
                        <dd><a href="javascript:;" lay-href="view/system/role.html">角色管理</a></dd>
                        <dd><a href="javascript:;" lay-href="view/system/loginRecord.html">登录日志</a></dd>
                        <dd><a href="javascript:;" lay-href="!#console">登录日志1</a></dd>
                        <dd><a href="#!auth" lay-href="!#auth">登录日志2</a></dd>
                        <dd><a href="javascript:;" lay-href="view/system/loginRecord.html">登录日志3</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>

    <!-- 主体部分 -->
    <div class="layui-body">
        <div class="layui-tab" lay-allowClose="true" lay-filter="admin-pagetabs">
            <ul class="layui-tab-title">
                <li lay-id="home">
                    <i class="layui-icon layui-icon-home"></i><i class="layui-icon layui-unselect layui-tab-close">ဆ</i>
                </li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <div id="home"></div>
                </div>
            </div>
        </div>
        <div class="layui-icon admin-tabs-control layui-icon-prev" ew-event="leftPage"></div>
        <div class="layui-icon admin-tabs-control layui-icon-next" ew-event="rightPage"></div>
        <div class="layui-icon admin-tabs-control layui-icon-down">
            <ul class="layui-nav admin-tabs-select" lay-filter="admin-pagetabs-nav">
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;"></a>
                    <dl class="layui-nav-child layui-anim-fadein">
                        <dd ew-event="closeThisTabs" lay-unselect><a href="javascript:;">关闭当前标签页</a></dd>
                        <dd ew-event="closeOtherTabs" lay-unselect><a href="javascript:;">关闭其它标签页</a></dd>
                        <dd ew-event="closeAllTabs" lay-unselect><a href="javascript:;">关闭全部标签页</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>

    <!-- 底部 -->
    <div class="layui-footer">
        Copyright © 2018 <a href="https://easyweb.vip" target="_blank">Hepg-Cloud</a> All rights reserved.
        <span class="pull-right">Version 3.0.4</span>
    </div>

    <!-- 手机屏幕遮罩层 -->
    <div class="site-mobile-shade"></div>

</div>

<!-- 加载动画，移除位置在common.js中 -->
<div class="page-loading">
    <div class="rubik-loader"></div>
</div>

<!-- js部分 -->
<script type="text/javascript" src="../assets/libs/jquery/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="./assets/libs/q.js"></script>
<script type="text/javascript" src="./assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="./assets/libs/zTree/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="./assets/js/common.js"></script>
<script>
    layui.use(['layer', 'element', 'admin', 'index'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var admin = layui.admin;
        var index = layui.index;

        // 默认加载主页
        // index.loadView({
        //     menuPath: 'console.html',
        //     menuName: '<i class="layui-icon layui-icon-home"></i>'
        // });


        // index.regRouter(config.menus);
        Q.reg('home', function () {
            var menuPath = '/console.html'
            index.loadView('home', menuPath, '主页');
        });
        Q.reg('auth', function () {
            var menuPath = '/view/system/auth/auth.html'
            index.loadView('auth', menuPath, '权限');
        });

        Q.init({
            index: 'home'
        });

        // 消息点击事件
        $('#btnMessage').click(function () {
            admin.popupRight({
                type: 2,
                content: 'tpl-message.html'
            });
        });

        // 修改密码点击事件
        $('#setPsw').click(function () {
            admin.open({
                type: 2,
                title: '修改密码',
                area: ['380px', '290px'],
                content: 'tpl-password.html'
            });
        });

        // 退出登录点击事件
        $('#btnLogout').click(function () {
            layer.confirm('确定退出登录？', function () {
                location.replace('login.html');
            });
        });

        // 个人信息点击事件
        $('#setInfo').click(function () {

        });
    });
</script>
</body>

</html>